import * as React from 'react'
import { Box } from 'kilvin'

export default function Logo() {
  return (
    <Box
      aria-hidden="true"
      focusable="false"
      as="svg"
      width="100%"
      height="100%"
      viewBox="0 0 203 88"
      extend={{
        fillRule: 'evenodd',
        clipRule: 'evenodd',
        strokeLinejoin: 'round',
        strokeMiterlimit: 2,
      }}>
      <g transform="matrix(1,0,0,1,42,16)">
        <g transform="matrix(1,0,0,1,-41.2736,-16.2511)">
          <g>
            <path
              d="M30.919,41L50.837,52.5L50.837,75.5L30.919,87L11,75.5L11,52.5L30.919,41Z"
              style={{ fill: 'rgb(77,38,231)' }}
            />
            <path
              d="M30.961,55.5L38.322,59.75L38.322,68.25L30.961,72.5L23.6,68.25L23.6,59.75L30.961,55.5Z"
              style={{ fill: 'rgb(115,220,255)' }}
            />
            <path
              d="M52.5,15.8L67,24.172L67,40.915L52.5,49.286L38,40.915L38,24.172L52.5,15.8Z"
              style={{ fill: 'rgb(115,220,255)' }}
            />
            <path
              d="M31.17,0.8L41.34,6.672L41.34,18.415L31.17,24.286L21,18.415L21,6.672L31.17,0.8Z"
              style={{ fill: 'rgb(253,84,176)' }}
            />
            <path
              d="M11.755,7.8L17.911,11.354L17.911,18.462L11.755,22.015L5.6,18.462L5.6,11.354L11.755,7.8Z"
              style={{ fill: 'rgb(251,222,94)' }}
            />
            <path
              d="M4,21.14L8,23.372L8,27.836L4,30.068L0,27.836L-0,23.372L4,21.14Z"
              style={{ fill: 'rgb(77,38,231)' }}
            />
          </g>
          <path
            d="M98.6,71.081L98.6,40.823L93,40.823L93,34.235L98.6,34.235L98.6,30.329C98.6,26.294 99.748,23.115 102.044,20.792C104.34,18.468 107.506,17.306 111.542,17.306C112.652,17.306 113.875,17.498 115.212,17.881C116.55,18.264 117.571,18.736 118.278,19.298L115.931,25.733C114.317,25.12 113.056,24.813 112.147,24.813C110.432,24.813 109.171,25.401 108.363,26.575C107.556,27.75 107.152,29.358 107.152,31.401L107.152,34.235L113.964,34.235L116.688,40.823L107.152,40.823L107.152,71.081L98.6,71.081ZM148.228,38.372C151.003,41.998 152.391,46.619 152.391,52.237L152.391,54.765L126.962,54.765C127.719,61.403 131.629,64.723 138.693,64.723C140.66,64.723 142.414,64.455 143.952,63.919C145.491,63.382 147.345,62.552 149.515,61.429L152.088,67.71C148.001,70.57 143.486,72 138.541,72C131.881,72 126.798,70.251 123.291,66.753C119.785,63.255 118.032,58.493 118.032,52.467C118.032,48.585 118.751,45.177 120.189,42.24C121.626,39.304 123.695,37.019 126.394,35.384C129.094,33.75 132.285,32.933 135.968,32.933C141.367,32.933 145.453,34.746 148.228,38.372ZM129.876,42.585C128.387,44.117 127.467,46.262 127.113,49.019L144.217,49.019C143.763,46.16 142.83,43.989 141.417,42.508C140.004,41.027 138.112,40.287 135.741,40.287C133.319,40.287 131.364,41.053 129.876,42.585ZM157.216,17.843L157.216,71.081L165.692,71.081L165.692,17L157.216,17.843ZM186.788,40.747C183.458,40.747 179.926,41.589 176.193,43.274L173.847,36.227C175.158,35.359 177.189,34.593 179.939,33.929C182.689,33.265 184.921,32.933 186.637,32.933C189.462,32.933 192.048,33.52 194.394,34.695C196.74,35.87 198.594,37.465 199.957,39.483C201.319,41.5 202,43.76 202,46.262L202,71.081L196.324,71.081L195.037,67.327C193.625,68.706 192.01,69.83 190.194,70.698C188.377,71.566 186.561,72 184.745,72C180.506,72 177.29,70.928 175.095,68.783C172.901,66.638 171.803,63.778 171.803,60.203C171.803,56.475 173.052,53.59 175.549,51.547C178.047,49.505 181.339,48.483 185.426,48.483L193.448,48.483C193.347,43.325 191.127,40.747 186.788,40.747ZM180.847,55.952C179.762,57.101 179.22,58.518 179.22,60.203C179.22,61.531 179.699,62.693 180.658,63.689C181.617,64.685 182.928,65.182 184.593,65.182C186.157,65.182 187.721,64.799 189.286,64.033C190.85,63.267 192.262,62.221 193.524,60.893L193.524,54.228L185.274,54.228C183.408,54.228 181.932,54.803 180.847,55.952Z"
            style={{ fill: 'rgb(36,36,36)' }}
          />
        </g>
      </g>
    </Box>
  )
}
